
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width; initial-scale=1, maximum-scale=1" />
    <title>会员中心</title>
	<meta name="keywords" content="筷子国际物流会员中心">
	<meta name="description" content="筷子国际物流会员中心">
<link href="theme/css/reset.css" rel="stylesheet" type="text/css" media="screen" />
    <link href="theme/css/main2.css" rel="stylesheet" type="text/css" media="screen" />
    <link href="theme/css/layer.css" rel="stylesheet" type="text/css" media="screen" />
    <link href="theme/css/umeditor.css" rel="stylesheet" type="text/css" media="screen" />

    <script src="theme/js/jquery-1.8.3.js" type="text/javascript"></script>
    <script src="theme/js/jquery.bxslider.js" type="text/javascript"></script>
    <script src="theme/js/myscript.js" type="text/javascript"></script>
    <script src="theme/js/layer.js" type="text/javascript"></script>



    <script src="theme/js/umeditor.config.js" type="text/javascript"></script>
    <script src="theme/js/umeditor.min.js" type="text/javascript"></script>
    <script type="text/javascript" charset="utf-8" src="theme/js/zh-cn.js"></script>


    <script type="text/javascript">
        var _hmt = _hmt || [];
        (function () {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?acfcd907152856a69144073ed3a0a053";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>

 <!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-100059443-1"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-100059443-1');
</script>


</head>

<body>
    <div class="header_top">
        <div class="inner">
		<!--
            <div class="notice">
                <ul>
                    <li><i class="fa fa-volume-up" aria-hidden="true"></i>1.【公告】端午期间服务时间调整通知</li>
                    <li><i class="fa fa-volume-up" aria-hidden="true"></i>2.【公告】端午期间服务时间调整通知</li>
                    <li><i class="fa fa-volume-up" aria-hidden="true"></i>3.【公告】端午期间服务时间调整通知</li>
                    <li><i class="fa fa-volume-up" aria-hidden="true"></i>4.【公告】端午期间服务时间调整通知</li>
                </ul>
            </div>
            -->
            <style>
              
                .header_top{
                   background:none;
                }
            </style>
           
           
            <img src="theme/picture/logo.png" alt="" style="    float: left;height: 50px;    padding: 10px 0;">
			<div class="login_box">
               <script type="text/javascript">document.write('<iframe id="myiframe" src="/index.php?m=member&c=index&a=mini&forward='+encodeURIComponent(location.href)+'&siteid=1" allowTransparency="true" style="height:30px;margin-top:13px;" frameborder="0" scrolling="no"></iframe>')</script>

            </div>
            <div class="clear"></div>
        </div>
    </div>
    <div id="header">
        <div class="nav_box">
            <div class="nav_bg">
                <div class="inner">
                    <a class="logo" href="index.html"><img src="theme/picture/logo.png" alt="" /></a>
                    <button class="mobilenav_button"><i></i><i></i><i></i></button>
                    <ul class="navbar-nav">
					                        <li  class="on"><a href="/">首页</a></li>
                                    <li ><a href="http://www.kuaizi56.com/index.php?m=content&c=index&a=lists&catid=13">物流渠道</a></li>
            <li ><a href="http://www.kuaizi56.com/index.php?m=content&c=index&a=lists&catid=14">新闻中心</a></li>
            <li ><a href="http://www.kuaizi56.com/index.php?m=content&c=index&a=lists&catid=6">运费估算</a></li>
            <li ><a href="http://www.kuaizi56.com/index.php?m=content&c=index&a=lists&catid=8">常见问题</a></li>
            <li ><a href="http://www.kuaizi56.com/index.php?m=content&c=index&a=lists&catid=7">关于我们</a></li>
            <li ><a href="http://www.kuaizi56.com/index.php?m=content&c=index&a=lists&catid=28">论坛中心</a></li>
                       
                    </ul>
                    <div class="clear"></div>
                </div>
            </div>
        </div>
    </div>





 <style type="text/css">
     .beizhu-hideen {
         overflow: hidden;
         width: 200px;
         height: 20px;
         margin: 0;
         cursor: pointer
     }
     .beizhu-show{
         z-index: 999;
         overflow: hidden;
         margin: 0;
         cursor: pointer;
         position: absolute;
         height: auto;
         background-color: #fff;
         padding: 10px;
         width: 210px;
         top: 0;
         left: 0;
         box-shadow: #795548 0 1px 6px;
     }
 </style>
    <div class="banner_top"></div>
    <div class="page_content">
        <div class="inner">
            <div class="member_box">
                 <div class="left_nav">
	<ul>
		<li>
			<a  href="index.php?m=member&c=index&a=init"><i class="fa fa-user" aria-hidden="true"></i>会员中心</a>
		</li>
		<li>
			<a  href="index.php?m=member&c=index&a=vip_info"><i class="fa fa-vimeo" aria-hidden="true"></i>会员等级</a>
		</li>
		<li>
			<a  href="index.php?m=transport&c=index&a=warehouse"><i class="fa fa-building" aria-hidden="true"></i>仓库地址</a>
		</li>
		<li>
			<a  href="index.php?m=transport&c=index&a=address_list"><i class="fa fa-link" aria-hidden="true"></i>收货地址</a>
		</li>
		<li>
															<a class="active" href="index.php?m=transport&c=index&a=init"><i class="fa fa-gift" aria-hidden="true"></i>我的包裹</a>
		</li>
		<li>

									<a  href="index.php?m=transport&c=index&a=outbound"><i class="fa fa-bolt" aria-hidden="true"></i>打包中</a>
		</li>
		<li>
			<a  href="index.php?m=transport&c=index&a=shipping"><i class="fa fa-truck" aria-hidden="true"></i>配送中</a>
		</li>
		<li>
			<a  href="index.php?m=transport&c=index&a=under"><i class="fa fa-users" aria-hidden="true"></i>我的分享</a>
		</li>


								<li>
			<a  href="index.php?m=message&c=index&a=inbox"><i class="fa fa-envelope" aria-hidden="true"></i></i>站内信</a>
		</li>
		
	</ul>
	<div class="clear"></div>
</div>
                <div class="member_text">
                    <div class="item">
						<!--<div class="good-top-search" style="">-->
							<!--<form class="form_content" action="/index.php?m=transport&c=index&a=search"  name="form" method="post">-->
							<!--<label class="search-lable-input"><img src="/skin/images/search_icon.png">-->
							<!--<input placeholder="请输入您要查询的单号和物流公司~！" type="text" name="textfield" id="textfield" value=""></label>-->
							<!--<input type="submit" value="搜索">-->
						<!--</form>-->
						<!--</div>-->
                        <h2 class="member_title">我的包裹</h2>
                       
					
						<form class="form_content" action="/index.php?m=transport&c=index&a=checkout"  name="form" method="post">
                        <div class="tab_ov">
                        <table class="table text-center table-bordered ">
                            <thead class="bg-info" style="color: #000000;">
                                <tr>
                                    <td><input type="checkbox" name="checkall"></td>
                                    <!--<td>购买保险</td>-->
                                    <td>国内快递单号</td>
                                    <td>快递公司</td>
                                    <td>入库原始(公斤)</td>
									 <td>到付运费(元)</td>
                                    <td>入库时间</td>
                                    <td>备注信息</td>
                                    <td>备注</td>
                                </tr>
                            </thead>
                             <tbody>
						                        </tbody>
                        </table>
                        </div>
						</form>
                        <div class="warning_text">
                            <p><span class="orangetext">没看到我的包裹?</span></p>
                            <p><span style="color:red;">*</span>若您的包裹物流显示已签收,但不在"我的包裹"页面，有可能是会员码填写错误或者包裹模糊看不清会员码,请联系<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&amp;uin=1801777617&amp;site=qq&amp;menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2:1801777617:52" alt="点击这里给我发消息" title="点击这里给我发消息"></a>客服协助认领包裹</p>
                        </div>

						<div class="warning_text" style="background: none;border: none;">
                            <p><span class="orangetext">常寄物品重量参考表：</span></p>
                            <p>
							<img border="0" src="theme/picture/ck.jpg"></p>
                        </div>
						
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script type="text/javascript">
        $(function(){
            $('.check_photos').click(function(){
                var kefu_info = "<div style='font-size: 1.2rem;text-align: center;color: #2e8ded'>联系微信客服，拍照核对后再出库</div><div></div>";
                var checked = $(this).prop("checked");
                if(checked){
                    $.post('index.php?m=transport&c=index&a=wx_sn',function(data){
                        var krfus = JSON.parse(data);
                        for(var k in krfus){//遍历json数组时，这么写p为索引，0,1
                            kefu_info += "<div style='padding: 10px 0;'>客服名称：" + krfus[k].realname + "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;微信号：" + krfus[k].wx_sn + "</div>";
                        }
                        layer.alert(kefu_info);
                    })

                }
            })
			
			$('input[name="checkall"]').click(function(){
			
				var flage =$(this).is(":checked");

				$('input[name="id[]"]').each(function(){

					$(this).prop("checked",flage);
				})
			})
        });


        function remark(event,id) {
            var e = event || window.event;
            var remark_Y;
            var remark_X;
            var remark = "<div class='remark' id='remark' style='z-index: 9999;width: 50%;padding: 10px;'>" +
                "<div style='text-align: right'>" +
                "<a href='javascript:void(0);' onclick=\"javascript:$(this).parents('.remark').remove();\">关闭</a>" +
                "</div>" +
                "<div style=''>" +
                "<h1 style='color: green;font-size: 20px;text-align: center;font-weight: bold'>备注</h1>" +
                "<div class='remark_content' style='margin-top: 20px;'></div>" +
                "</div>" +
                "</div>";
            var html;
            $.ajax({
                url:"index.php?m=transport&c=index&a=remark",
                type:'POST',
                data:{id:id},
                success:function(data){
                    if(data){
                        var length = $('.remark').length;
                        if(length > 0){
                            $('.remark').remove();
                        }
                        $('body').append(remark);
                        remark_Y = e.clientY;
                        remark_X = parseInt(e.clientX) - parseInt($('.remark').width()) - 50;
                        $('.remark').css({
                            'position': 'absolute',
                            'border': '1px solid #888888',
                            'top': remark_Y + 'px',
                            'left': remark_X + 'px',
                            'background-color':'#fff',
                            'border-radius': '5px',
                            'box-shadow': '10px 10px 5px #888888'
                        });


                        if(data != '0'){
                            html = "<div style='margin-top: 20px;'><textarea style='width: 98%;padding: 1%;resize:none;height: 300px;'>"+data+"</textarea></div>"+
                                "<div style='margin-top: 10px'><button style='width: 100%;background-color: orangered;color: #fff;height: 50px;border-radius: 5px' onclick='update_remark(this," + id + ")'>更 新 备 注</button></div>";
                        }else{
                            html = "<div style='margin-top: 20px;'><textarea style='width: 98%;padding: 1%;resize:none;height: 300px;'></textarea></div>" +
                                "<div style='margin-top: 10px'><button style='width: 100%;background-color: orangered;color: #fff;height: 50px;border-radius: 5px' onclick='update_remark(this," + id + ")'>更 新 备 注</button></div>";
                        }

                        $('.remark_content').html(html);
                    }


                    //移动备注窗口
                    var oDiv = document.getElementById("remark");
                    oDiv.onmousedown=function(ev)
                    {
                        var oEvent = ev;
                        var disX = oEvent.clientX - oDiv.offsetLeft;
                        var disY = oEvent.clientY - oDiv.offsetTop;
                        document.onmousemove=function (ev)
                        {
                            oEvent = ev;
                            oDiv.style.left = oEvent.clientX -disX+"px";
                            oDiv.style.top = oEvent.clientY -disY+"px";
                        }
                        document.onmouseup=function()
                        {
                            document.onmousemove=null;
                            document.onmouseup=null;
                        }

                    }




                }
            });
        }

        //添加 更新 备注
        function update_remark(mine,id){
            var remark_content = $(mine).parents('.remark_content').find('textarea').val();

            $.ajax({
                url: "index.php?m=transport&c=index&a=add_user_remark",
                type: 'POST',
                data: {remark_content:remark_content,id: id},
                success: function (data) {
                    if(data == 1){
                        alert('更新成功');
                    }
                }
            })


        }

        //显示更过备注信息

        function show_more(mine) {
            $(mine).toggleClass('beizhu-show','beizhu-hideen');
        }


    </script>
<link href="theme/css/umeditor.css" type="text/css" rel="stylesheet">

<script type="text/javascript" charset="utf-8" src="theme/js/umeditor.config.js"></script>
<script type="text/javascript" charset="utf-8" src="theme/js/umeditor.min.js"></script>
<script type="text/javascript" src="theme/js/zh-cn.js"></script>


<div style="clear:both"></div>

    <div class="links_box" >
        <div class="inner">
            <div class="page_title">
                <h3>友情链接</h3>
                <div class="line"></div>
            </div>
            <div class="item_box">
			              
            </div>
            <div class="clear"></div>
        </div>
    </div>

	
	<div class="footer">
			<section class="footer-about">

				
				<div class="footer-about-logo">
					<div style="float: left;    margin-right: 10px;"><img src="theme/picture/gongzhonghao_qr.jpg">
						<div>关注公众号：kuaizi-express</div>
					</div>
					<div><img style="width: 125px" src="theme/picture/kefu_qr.jpg">
						<div>联系客服： kuaizi_56						</div>
					</div>


				</div>
				<div class="footer-about-main">
					<ul>
						
						<li><a href="http://wpa.qq.com/msgrd?v=3&uin=1801777617&site=qq&menu=yes" target="_blank">联系客服</a></li>
						
						<li><a href="index.php?m=content&c=index&a=lists&catid=23">合作伙伴</a></li>
						<li><a href="index.php?m=content&c=index&a=lists&catid=22">法律声明</a></li>
						<li><a href="index.php?m=content&c=index&a=lists&catid=21">隐私保护条款</a></li>
						<li><a href="index.php?m=content&c=index&a=lists&catid=20">服务协议</a></li>
						<li><a href="index.php?m=content&c=index&a=lists&catid=7">关于我们</a></li>
					</ul>
					<p>Copyright©2012-2018 kuaizi56.com All Right Reseved 鄂ICP备19002714号</p>
					<p><!-- <img src="themes/lete/img/icon/beian_icon.png"> -->筷子国际 版权所有</p>
				</div>
				<p class="footer-about-p">筷子国际是全球最大的海外华人代购中国商品的专业网站，专为海外华侨华人留学生提供代购淘宝、京东、
				当当等中国购物网站商品，如：图书、特产、零食等各类商品代购；支持Paypal、支付宝等多种安全支付方式。
				筷子国际目前在美国、英国、新加波、澳洲、加拿大等国的全球华人代购和留学生代购市场中都有着超好的口碑。</p>
				<!-- <div class="footer-about-img">
					<img src="themes/lete/img/icon/wangzhan1_icon.png">
					<img src="themes/lete/img/icon/wangzhan2_icon.png"/>
					<img src="themes/lete/img/icon/wangzhan3_icon.png">
				</div> -->
			</section>
	</div> 

	
	<!-- 
	
	
<div id="footer">
	<div class="footer_top">
		<div class="top_bg">
			<div class="inner">
				<div class="top_box">
					<div class="contact">
						<ul>
							<li><i class="fa fa-weixin" aria-hidden="true"></i>kuaizi-express</li>
							<li><i class="fa fa-qq" aria-hidden="true"></i>1801777617</li>
							<li><i class="fa fa-phone" aria-hidden="true"></i>+86 177-6421-5771</li>
							<li><i class="fa fa-envelope" aria-hidden="true"></i>kuaizi56@gmail.com</li>
							<li><i class="fa fa-map-marker" aria-hidden="true"></i>武汉市白沙洲街道陆家街290号中邮物流局筷子国际仓库</li>
						</ul>
					</div>
					<div class="follow">
						<ul>
							<li class="jin"><img src="/skin/images/code_1.jpg">
								<div class="name">金筷子：kuai_56</div>
							</li>
							<li class="yin"><img src="/skin/images/code_2.jpg">
								<div class="name">银筷子：kuaizisister</div>
							</li>
							<li class="tong"><img src="/skin/images/code_3.jpg">
								<div class="name">铜筷子：kzagent</div>
							</li>
						</ul>
					</div>
					<div class="clear"></div>
				</div>
			</div>
		</div>
	</div>
	<div class="footer_bottom">
	

		<div class="inner">
		<div class="copy">Copyright &copy; 2017 筷子国际 All Rights Reserved 版权所有</div>
		<div class="sub_copy">鄂ICP备17005306号</div>
		</div>
	</div>
</div> 
 -->
<Style>
.kz_conct {
	position: fixed;
	z-index: 9999999;
	right:-127px;
	top: 200px;
	cursor: pointer;
	transition: all .3s ease;
}
.kz_bar ul li {
	width: 180px;
	height: 53px;
	font: 16px/53px 'Microsoft YaHei';
	color: #ff4a00;
	text-indent: 54px;
	margin-bottom: 3px;
	border-radius: 3px;
	transition: all .5s ease;
	overflow: hidden;
	background: #fff;
	border:1px solid #ff4a00;
	
}
.kz_bar i {
	height:53px;
	width:53px;
	text-align:center;
	font-size:26px;
}
.kz_bar .kz_top {
	text-indent: 0;
	
}
.kz_bar .kz_cart {
	text-indent: 0;
}
.kz_bar .kz_phone {
	text-indent: 0;
}
.kz_bar .kz_QQ {
	text-indent: 0;
}
.kz_bar .kz_ercode {
	/*height:200px;*/
	text-indent: 0;
}
.hd_qr {
	padding: 0 29px 25px 29px;
}
.kz_QQ a {
	text-indent: 54px;
	width: 100%;
	height: 100%;
	color: #ff4a00;
}

.erweima{
	width:125px;
	margin:0 auto;
}
.kz_cart a {color:#ff4a00}
.sum_pack{
    border-radius: 10px;
    background-color: #ff4a00;
    color: #fff;
    width: 20px;
    height: 20px;
    line-height: 18px;
    text-align: center;
    margin: 0 auto;
	position: absolute;
    top: 60px;
    left: 33px;
	display:none;
}

</Style>
<div class="kz_conct">
	<div class="kz_bar">
		<ul>
			<li class="kz_top"><i class="fa fa-caret-up" aria-hidden="true"></i>返回顶部</li>
			<li class="kz_cart"><i class="fa fa-shopping-bag"></i><span class="sum_pack">0</span><a
					href="/index.php?m=member&c=index&a=login">我的包裹</a></li>
			<li class="kz_phone"><i class="fa fa-phone"></i>400-668-5056（非免费）</li>

			<li class="kz_QQ">
				<i class="fa fa-github-alt"></i>
				<a target="_blank" href="javascript:void(0);" onclick="customer_service()" title="即刻发送您的需求">联系客服</a>
			</li>

			<li class="kz_QQ">
				<i class="fa fa-qq"></i>
				<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=1801777617&site=qq&menu=yes" title="即刻发送您的需求">在线咨询</a>
			</li>
			<li class="kz_ercode" style="height:53px;"><i class="fa fa-wechat"></i>微信客服 <br>
				<div class="erweima">
					<img class="kz_qr" src="http://www.kuaizi56.com/statics/images/admin_img/QR/kefu_QR.jpg" width="125"
						 alt="关注微信">
				</div>
			</li>

		</ul>
	</div>
</div>




<!--聊天系统	开始-->

<style type="text/css">
	.clear{
		clear: both;
	}
	.chat-window {
		width: 700px;
		height: 505px;
		background: #fff;
		border: 1px solid #40b3ff;
		position: fixed;
		top: 0;
		right: 0;
		z-index: 2018;
		box-shadow: 0 0 21px #888888;
		border-radius: 5px;
	}

	.chat-window .title-top {
		height: 35px;
		width: 100%;
		text-shadow: 0 1px 0 rgba(18, 91, 167, .7);
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#40b3ff), to(#75a6da));
		border-bottom: 1px solid #699bd1;
		color: #fff;
		cursor: move;
		text-align: center;
		line-height: 35px;
	}
	.chat-window .title-top span {
		font-size: 16px;
		font-family: -webkit-pictograph;
	}
	.aui_close {
		padding: 0;
		top: 3px;
		right: 3px;
		width: 21px;
		height: 21px;
		line-height: 21px;
		font-size: 18px;
		color: #fff;
		text-align: center;
		font-family: Helvetica, STHeiti;
		_font-family: '\u9ed1\u4f53', 'Book Antiqua', Palatino;
		text-shadow: 0 1px 0 rgba(18, 91, 167, .9);
		position: absolute;
		text-decoration: none;
		outline: none;
	}

	.chat-window .main-box {
		width: 100%;
		height: calc(100% - 30px);
	}



	.chat-window .main-box .main-box-left {
		float: left;
		width: 70%;
		/*border: 1px solid #1e6bbc;*/
		height: 100%;

	}
	.chat-window .main-box .main-box-right {
		float: left;
		width: 30%;
		border-left: 1px solid #40b3ff45;
		height: 99%;
	}
	.chat-window .main-box .main-box-left .main-box-left-up{
		width: 100%;
		height: 70%;
		background: #fff;
	}
	.chat-window .main-box .main-box-left .main-box-left-down{
		width: 100%;
		height: 30%;

	}

	.edui-container .edui-toolbar{
		box-shadow:none;
		border-top: 1px solid #e1e1e1;
	}
	.edui-container{
		border: none;
		box-shadow:none;
	}
	.chat-window .main-box .main-box-left .main-box-left-down .operation{
		text-align: right;
		padding: 0 20px;
	}
	.chat-window .main-box .main-box-left .main-box-left-down .operation button{
		width: 60px;
		height: 25px;
		cursor: pointer;
	}
	.chat-window .main-box .main-box-left .main-box-left-down .operation button.send{
		text-shadow: 0 1px 0 rgba(18, 91, 167, .7);
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#40b3ff), to(#75a6da));
		color: #fff;
		border: 1px solid #40b3ff;
		outline:none;
	}
	.chat-window .main-box .main-box-left .main-box-left-down .operation button.send:hover{
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#40b3ff), to(#d5e1f2));
	}
	.chat-window .main-box .main-box-left .main-box-left-down .operation button.close{
		text-shadow: 0 1px 0 #333;
		background: #fff;
		color: #999;
		border: 1px solid #ccc;
		outline:none;
	}
	.chat-window .main-box .main-box-left .main-box-left-down .operation button.close:hover{
		background:#ccc;
		color: #fff;
	}

	.main-box .main-box-left-up .content{
		overflow-y: auto;
		width: 100%;
		height: 100%;
		padding: 10px;
	}
	.main-box .main-box-left-up .content::-webkit-scrollbar,#myEditor::-webkit-scrollbar {
		width: 6px;
		background-color: rgba(217,217,217,0.3);
	}
	.main-box .main-box-left-up .content::-webkit-scrollbar-thumb,#myEditor::-webkit-scrollbar-thumb {
		background-color: rgba(217,217,217,0.3);
		border-radius: 6px;
	}
	.main-box .main-box-left-up .content::-webkit-scrollbar-track,#myEditor::-webkit-scrollbar-track {
		-webkit-box-shadow: inset 0 0 6px rgba(217,217,217,0.3);
		background-color: #fff;
	}

	.main-box .main-box-left-up .content .sendtime{
		text-align: center;
		margin-top: 10px;
		color: #ccc;
	}

	.main-box .main-box-left-up .content li{
		margin: 10px 0;
	}
	.main-box .main-box-left-up .content .left .headimg,.main-box .main-box-left-up .content .left .infos{
		float: left;
	}
	.main-box .main-box-left-up .content .right .headimg,.main-box .main-box-left-up .content .right .infos{
		float: right;
	}
	.main-box .main-box-left-up .content .headimg img{
		width: 30px;
		height: 30px;
		border-radius: 50%;
	}
	.main-box .main-box-left-up .content .infos{
		padding: 0 10px;
		max-width: calc(100% - 60px);
	}
	.main-box .main-box-left-up .content .left .infos .nickname{
		padding-bottom: 5px;
		text-align: left;
	}
	.main-box .main-box-left-up .content .right .infos .nickname{
		padding-bottom: 5px;
		text-align: right;
	}
	.main-box .main-box-left-up .content .infos .msg{
		padding: 10px 10px;
		border-radius:5px;
		color: #16476b;
		box-shadow: 1px 1px 4px #0000004a;
		background: -webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#ffffff));
	}
	.edui-container{
		width: 100% !important;
	}
	#myEditor{
		width: 100% !important;
	}




</style>

<div class="chat-window" id="chat_window" style="display: none" oncontextmenu="return false">
	<div class="title-top" id="title_top"  oncontextmenu="return false" ondragstart="return false" onselectstart="return false" onselect="document.selection.empty()" oncopy="document.selection.empty()" onbeforecopy="return false">
		<span></span>
		<a class="aui_close" href="javascript:/*artDialog*/;" onclick="chat_window_close(this)" style="display: block;">×</a>
	</div>
	<div class="main-box">
		<div class="main-box-left">
			<div class="main-box-left-up">
				<div class="content">
					<ul id="chat_box">

					</ul>
				</div>
			</div>
			<div class="main-box-left-down" style="position: relative">
				<div type="text/plain" id="myEditor" style="width:100%;height:70px;min-height: 70px;font-size: 12px;"></div>

				<div class="operation">
					<button class="close">关闭</button>
					<button id="send" class="send" onclick="sendContent()">发送</button>
				</div>
			</div>
		</div>
		<div class="main-box-right">
			<div>
				<img style="width: 100%;margin-top: 20px;" src="theme/picture/leftrb.png">
				<img style="width: 100%;margin-top: 20px;" src="theme/picture/rightb.png">
			</div>
		</div>
		<div class="clear"></div>
	</div>
</div>


<!--聊天系统 结束-->

<script type="text/javascript">
    var um = UM.getEditor('myEditor',{
        toolbar: ['emotion']
    });
</script>


<script>
$(function() {
	// 悬浮窗口
	$(".kz_conct").hover(function() {
		$(".kz_conct").css("right", "5px");
		$(".kz_bar .kz_ercode").css('height', '200px');
		$('.kz_bar ul li').css('width','250px')
	}, function() {
		$(".kz_conct").css("right", "-127px");
		$(".kz_bar .kz_ercode").css('height', '53px');
        $('.kz_bar ul li').css('width','180px')
	});
	// 返回顶部
	$(".kz_top").click(function() {
		$("html,body").animate({
			'scrollTop': '0px'
		}, 300)
	});
	
	$.getJSON("http://www.kuaizi56.com/index.php?m=member&c=check_sumpack&a=init&jsoncallback=?", function(data){
		if(data != 'false'){
			$('.sum_pack').html(data);
		    $('.sum_pack').show(); //显示div


		}else{
		   $('.sum_pack').hide();
		}
	});


});

function Chatkefu(){
    this.timer = [];
    this.int = function () {
        var CKthis = this;
        $.ajax({
            url:'/index.php?m=content&c=index&a=customer_service',
            type:'POST',
            success:function(data){
                $('#chat_window').show();
                clearInterval(CKthis.timer['timer1']);
                CKthis.getKefuChat();
            }
        })
    };
    this.getKefuChat = function(){
        var time = 1000;
        var islogin = "19324";

        if(!islogin) return false;
        var i = 0;
        this.timer['timer1'] = setInterval(function(){
            i ++;
            var ele = '';
            $.ajax({
                url:'/index.php?m=content&c=index&a=get_kefu_chat',
                type:'POST',
                data:{i:i},
                success:function(data){
                    var jsonobj = JSON.parse(data);
                    var chat_info = jsonobj['chat'];
                    if(data == '1001') return false;

                    for (var k in chat_info) {

                        if (chat_info[k]['type'] == '0') {
                            ele += '<li class="right"><p class="sendtime">'+chat_info[k]['sendtime']+'</p>' +
                                '<div class="headimg">' +
                                '<img src="' + chat_info[k]['headimg'] + '">' +
                                '</div>' +
                                '<div class="infos">' +
                                '<p class="nickname">' + chat_info[k]['username'] + '</p>' +
                                '<div class="msg">' + chat_info[k]['content'] + '</div>' +
                                '</div>' +
                                '<div class="clear"></div>' +
                                '</li>';
                        } else {

                            ele += '<li class="left"><p class="sendtime">'+chat_info[k]['sendtime']+'</p>' +
                                '<div class="headimg">' +
                                '<img src="' + chat_info[k]['kefu_headimg'] + '">' +
                                '</div>' +
                                '<div class="infos">' +
                                '<p class="nickname">' + chat_info[k]['kefu_name'] + '</p>' +
                                '<div class="msg">' + chat_info[k]['content'] + '</div>' +
                                '</div>' +
                                '<div class="clear"></div>' +
                                '</li>';
                        }

                    }
                    $('#title_top span').text('客服：'+jsonobj['kefu']['realname']);
                    $('#chat_box').empty();
                    $('#chat_box').append(ele);
                    $('.main-box-left-up .content').scrollTop($('.main-box-left-up .content')[0].scrollHeight);
                }
            });
        },time);
	};
	this.sendContent = function(){
        var hasContents = UM.getEditor('myEditor').hasContents();
        var getContent = UM.getEditor('myEditor').getContent();
        if(!hasContents){
            layer.tips('内容为空', '#send', {
                tips: [1, '#0FA6D8'] //还可配置颜色
            });
            return false;
        }

        $.ajax({
            url:'/index.php?m=content&c=index&a=ajax_kefu_chat',
            type:'POST',
            data:{content:getContent},
            success:function(data){
                switch (data) {
                    case '1000':
                        layer.alert('您还没有登陆!');
                        break;
                    case '1':
                        UM.getEditor('myEditor').setContent('');
                        break;
                }
            }
        });
	}
	this.chatWindowClose = function(mine){
        $(mine).parents('#chat_window').hide();
        clearInterval(this.timer['timer1']);
	}
}

var CK = new Chatkefu();
//启动聊天窗口
function customer_service(){
    CK.int();
}
//聊天室发送消息
function sendContent(){
    CK.sendContent();
}
//关闭聊天窗口
function chat_window_close(mine) {
    CK.chatWindowClose(mine);
}

</script>
<script type="text/javascript">
    //移动备注窗口
    var oDiv = document.getElementById("chat_window");
    var oDiv2 = document.getElementById("title_top");
    oDiv2.onmousedown=function(ev)
    {
        var oEvent = ev || event;
        var disX = oEvent.clientX - oDiv.offsetLeft;
        var disY = oEvent.clientY - oDiv.offsetTop;
        document.onmousemove=function (ev)
        {
            oEvent = ev || event;
            oDiv.style.left = oEvent.clientX -disX+"px";
            oDiv.style.top = oEvent.clientY -disY+"px";
        }
        document.onmouseup=function()
        {
            document.onmousemove=null;
            document.onmouseup=null;
        }

    }
</script>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-KCZ5MF2');</script>
<!-- End Google Tag Manager -->




<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KCZ5MF2"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->

</body>

</html>